<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>浩天的个人站</title>
    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">
    <link rel="icon" type="image/png" href="images/i/favicon.png">
    <link rel="stylesheet" href="assets/css/amazeui.css">
    <link rel="stylesheet" href="css/public.css">
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="assets/js/amazeui.min.js"></script>
    <script src="js/public.js"></script>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
    </script>
</head>
<body>
<!-- 	<api接口> -->
<!--        <script src="https://api.vvhan.com/api/script/denglong"></script>-->
<script src="https://api.vvhan.com/api/script/snow"></script>
<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="https://liuhaotian1122.github.io/my-pages/"><img src="images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active"><a href="https://liuhaotian1122.github.io/my-pages/">首页</a></li>
                <li><a href="boke.html">博客</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        小事 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">最近有些忙呀~</li>
                        <li><a href="https://link3.cc/xuwibanxia">个人站下载</a></li>
                        <li><a href="http://tool.mkblog.cn/relax/" style="color: red;">
                            <div id="panel"><?xml version="1.0" encoding="UTF-8"?><svg width="30" height="30" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="#f8e71c" stroke="#333" stroke-width="2" stroke-linejoin="bevel"/><path d="M31 31C31 31 29 35 24 35C19 35 17 31 17 31" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M31 18V22" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M17 18V22" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/></svg>
                                点击放松一下</a></li>
                    </ul>
                </li>
                <li><a href="game.html">游戏</a></li>
                <li><a href="最近更新.html">更新</a></li>
                <li><a href="https://support.qq.com/product/374554">论坛</a></li>
            </ul>
            <div class="am-topbar-right">
                <a href="https://www.lanzouw.com/b02oefvsf"><button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span>下载文件</button></a>
            </div>
        </div>
    </div>
</header>
<!--banner-->
<div class="banner">
    <div class="am-g am-container">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8">
            <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}' >
                <ul class="am-slides">

                    <li>
                        <a href="boke.html"><img src="https://api.vvhan.com/api/bing"></a>
                        <div class="am-slider-desc"><span id="jinrishici-sentence">正在加载今日诗词....</span>
                            <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script></div>


                    </li>
                    <li>
                        <a href="boke.html"><img src="https://api.vvhan.com/api/wallpaper/acg"></a>
                        <div class="am-slider-desc"><script type="text/javascript" src="https://api.xygeng.cn/openapi/one/get/">
                        </script></div>

                    </li>

                    <li>
                        <a href="boke.html"><img src="Temp-images/bb3.jpg"></a>
                        <div class="am-slider-desc">不要太担心 只因为我相信 终会走过这条遥远的道路</div>

                    </li>
                    <li>
                        <a href="boke.html"><img src="Temp-images/bb4.jpg"></a>
                        <div class="am-slider-desc">我要送给你好运 就像买可乐 打开瓶盖写着再来一瓶</div>

                    </li>
                    <li>
                        <a href="boke.html"><img src="Temp-images/bb5.jpg"></a>
                        <div class="am-slider-desc">今天阴 那又怎样 我可以做你的小太阳啊</div>
                    </li>
                    <li>
                        <a href="boke.html"><img src="Temp-images/bb6.jpg"></a>
                        <div class="am-slider-desc">十年饮冰 难凉热血</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none">
            <div class="star am-container"><span><img src="images/star.png">记录日常</span></div>
            <ul class="padding-none am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay" data-am-gallery="{ pureview: true }" >
                <li>
                    <div class="am-gallery-item">
                        <a href="work.html">
                            <img src="Temp-images/work.gif">
                            <h3 class="am-gallery-title">记录工作</h3>
                            <div class="am-gallery-desc">2375-09-26</div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="am-gallery-item">
                        <a href="jingli.html">
                            <img src="Temp-images/jinli.gif"远方 有一个地方 那里种有我们的梦想"/>
                            <h3 class="am-gallery-title">记录经历</h3>
                            <div class="am-gallery-desc">2375-09-26</div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="am-gallery-item">
                        <a href="food.html">
                            <img src="Temp-images/food.gif"远方 有一个地方 那里种有我们的梦想"/>
                            <h3 class="am-gallery-title">记录美食</h3>
                            <div class="am-gallery-desc">2375-09-26</div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="am-gallery-item">
                        <a href="suosui.html">
                            <img src="Temp-images/suosui.gif"远方 有一个地方 那里种有我们的梦想"/>
                            <h3 class="am-gallery-title">记录琐碎</h3>
                            <div class="am-gallery-desc">2375-09-26</div>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--news-->
<div class="am-g am-container newatype">
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 oh">
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="border-bottom: 0px; margin-bottom: -10px">
            <h2 class="am-titlebar-title ">
                关于我
            </h2>
            <nav class="am-titlebar-nav">
                <a href="https://weibo.com/u/5603126701?is_all=1">我的微博 &raquo;</a>
            </nav>
        </div>

        <div data-am-widget="list_news" class="am-list-news am-list-news-default news">
            <div class="am-list-news-bd">
                <ul class="am-list">
                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
                        <h1 style="text-align:center" class="yanse">文雅一下</h1>
                        <div class="am-slider-desc"><h3 style="color: #2F0000;" align="center">&nbsp;&nbsp;&nbsp;&nbsp;

                            <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
                            <div id="poem_sentence"></div>
                            <div id="poem_info"></div>
                            <script type="text/javascript">
                                jinrishici.load(function(result) {
                                    var sentence = document.querySelector("#poem_sentence")
                                    var info = document.querySelector("#poem_info")
                                    sentence.innerHTML = result.data.content
                                    info.innerHTML = '【' + result.data.origin.dynasty + '】' + result.data.origin.author + '《' + result.data.origin.title + '》'
                                });
                            </script>

                        </h3></div>
                    </li>


                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
                        <div class="am-u-sm-5 am-list-thumb">
                            <a href="https://weibo.com/u/5603126701?is_all=1">
                                <img src="https://pic.rmb.bdstatic.com/20ad29c2a476c25195fcdd4e583f9b62.gif" alt="科技教徒"/>
                            </a>
                        </div>

                        <div class=" am-u-sm-7 am-list-main">
                            <h3 class="am-list-item-hd"><a href="https://weibo.com/u/5603126701?is_all=1">科技及创新爱好者</a></h3>

                            <div class="am-list-item-text">科技教徒，热爱电子相关技术及工业设计爱好者。</div>

                        </div>
                    </li>


                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
                        <div class="am-u-sm-7 am-list-thumb">
                            <a href="https://gitee.com/liuhaotian1122">
                                <img src="https://pic.rmb.bdstatic.com/bjh/9941c25e7e23c9d07cdb0de927753add2269.gif" alt="迈克杰克逊"/>
                            </a>
                        </div>

                        <div class=" am-u-sm-5 am-list-main">
                            <h3 class="am-list-item-hd"><a href="https://gitee.com/liuhaotian1122">迈克杰克逊粉丝</a></h3>

                            <div class="am-list-item-text">如果世界上有神的话，那就是迈克！</div>

                        </div>
                    </li>

                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
                        <div class="am-u-sm-5 am-list-thumb">
                            <a href="https://github.com/liuhaotian1122">
                                <img src="https://pic.rmb.bdstatic.com/bjh/down/0c6680949f2c6983aba9fdff82ef7ec4.gif" alt="我最喜欢的一张画"/>
                            </a>
                        </div>

                        <div class=" am-u-sm-7 am-list-main">
                            <h3 class="am-list-item-hd"><a href="https://github.com/liuhaotian1122">奥特曼坚定维护者</a></h3>

                            <div class="am-list-item-text">喜欢西瓜与路边摊，对香菜痴迷,相信光，相信奥特曼。</div>

                        </div>
                    </li>
                </ul>
            </div>
            <a href="#"><img src="Temp-images/ad2.png" class="am-img-responsive" width="100%"/></a>



            <!--            <div class="am-hide-sm">
                            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
                                <h2 class="am-titlebar-title ">
                                    预留位置
                                </h2>
                                <nav class="am-titlebar-nav">
                                    <a href="#more" onClick="$('.case').hide();$('#youxi').show();">游戏案例</a>
                                    <a href="#more" onClick="$('.case').hide();$('#yingxiao').show();">营销案例</a>
                                    <a href="#more" onClick="$('.case').hide();$('#gongju').show();">工具案例</a>
                                </nav>
                            </div>
                        </div> -->


        </div>
    </div>
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
        <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
            <h2 class="am-titlebar-title ">
                快捷入口
            </h2>
            <nav class="am-titlebar-nav">
                <a href="https://gitee.com/liuhaotian1122">GitHub &raquo;</a>
            </nav>
        </div>
        <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg" data-am-scrollspy="{animation:'fade'}">
            <ul class="am-list"  >
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                    <div class="am-u-sm-4 am-list-thumb">
                        <a href="https://zz123.com/">
                            <img src="https://img.mp.sohu.com/upload/20170620/68b9e5f55fdd416a9697c7402cb3d436_th.png" class="face"/>
                        </a>
                    </div>

                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="https://zz123.com/">听音乐VIP</a></h3>

                        <div class="am-list-item-text">各家音乐可以免费听哟</div>
                    </div>
                </li>
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                    <div class="am-u-sm-4 am-list-thumb">
                        <a href="hotnews.html">
                            <img src="Temp-images/hotnews.jpg" class="face"/>
                        </a>
                    </div>

                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="hotnews.html">今日热榜</a></h3>

                        <div class="am-list-item-text">聚集众多平台热榜热搜</div>

                    </div>
                </li>
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                    <div class="am-u-sm-4 am-list-thumb">
                        <a href="https://liuhaotian1122.github.io/muyu/">
                            <img src="Temp-images/cctv.jpg" class="face"/>
                        </a>
                    </div>

                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="https://liuhaotian1122.github.io/muyu/">我的木鱼</a></h3>

                        <div class="am-list-item-text">电子木鱼积攒功德必备</div>

                    </div>
                </li>
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                    <div class="am-u-sm-4 am-list-thumb">
                        <a href="game.html">
                            <img src="Temp-images/game.jpg" class="face"/>
                        </a>
                    </div>

                    <div class=" am-u-sm-8 am-list-main">
                        <h3 class="am-list-item-hd"><a href="game.html">小游戏</a></h3>

                        <div class="am-list-item-text">基于web前端小游戏</div>

                    </div>
                </li>
            </ul>
        </div>
        <ul class="am-gallery am-avg-sm-1
  am-avg-md-1 am-avg-lg-1 am-gallery-default" data-am-gallery="{ pureview: true }" >
            <li>
                <div class="am-gallery-item">
                    <h3 class="am-gallery-title">

                        <h2>&nbsp;&nbsp;&nbsp;<script type="text/javascript" src="https://api.vvhan.com/api/ian?type=js"></script><script>vhan()</script>
                        </h2>

                    </h3>
                    <div class="am-gallery-desc">
                        <div class="am-fr"><span id="busuanzi_container_site_uv">
  本站累计访问量：<span id="busuanzi_value_site_uv"></span>
</span></div>
                    </div>
                    </a>
                </div>
            </li>
        </ul>

    </div>
</div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-hand-o-up"></i>
    </a>
</div>

<footer>
    <h6 class="right copy-right"><a href="   ">Copyright</a> &copy; <a href="    " target="_blank" title="2025 浩天的个人站"><script>
        let currentYear = new Date().getFullYear();
        document.write(currentYear);
    </script> 浩天的个人站</a></h6>
</footer>
</body>
</html>














